<style lang="less">
  @import '../../styles/common.less';
</style>

<template>
  <div>
    <Table border :columns="columns" :data="data"></Table>
  </div>
</template>

<script>
    export default {
        name: "activity",
        data(){
          return{
            columns: [
              {
                title: '编号',
                key: 'id'
              },
              {
                title: '项目名称',
                key: 'activityName'
              },
              {
                title: '报名时间',
                key: 'activityTime'
              },
              {
                title: '操作',
                key: 'action',
                width: 180,
                align: 'center',
                render: (h, params) => {
                  return h('div', [
                    h('Button', {
                      props: {
                        type: 'primary',
                        size: 'small'
                      },
                      style: {
                        marginRight: '5px'
                      },
                      on: {
                        click: () => {
                          this.show(params.index)
                        }
                      }
                    }, '查看')
                  ]);
                }
              }
            ],
            data: [

            ]
          }
        },
        methods:{
          show (index) {
            this.$Modal.info({
              title: 'User Info',
              content: `Name：${this.data6[index].name}<br>Age：${this.data6[index].age}<br>Address：${this.data6[index].address}`
            })
          }
        }
    }
</script>

<style scoped>

</style>
